section.banner {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 200px;
}

section.title {
	margin-bottom: 60px;
	
	.book-title {
		position: relative;
		margin-top: -100px;
		padding: 20px;
		background-color: #fff;
		border: 1px solid rgba(0,0,0,0.2);
		
		.book-thumbnail {
			height: 240px;
		}
		
		.author {
			margin-bottom: 10px;
			font-size: 18px;
			color: #999;
		}
		
		.content {
			height: 110px;
			overflow: hidden;
		}
		
		.media-left {
			padding-right: 30px;
		}
		
		.media-body {
			.title {
				margin-top: 0px;
				color: #333;
			}
		}
		
		.point {
			position: absolute;
			right: 20px;
			top: 16px;
			font-size: 40px;
			line-height: 1em;
			color: #bbb;
		}
	}
}

section.content {
	margin-bottom: 60px;
	
	.title {
		font-size: 20px;
		line-height: 2em;
		color: #333;
		border-bottom: 2px solid #666;
	}
	
	.lists {
		position: relative;
		padding: 0px;
		margin: 0px;
		list-style: none;
		
		>li {
			float: left;
			width: 25%;
			border-bottom: 1px solid #eee;
			padding: 10px 0px;
		}
		
		&::after, &::before {
			content: "";
			display: block;
			clear: both;
		}
		&::before {
			position: absolute;
			bottom: 0px;
			left: 0px;
			width: 100%;
			height: 1px;
			background-color: #eee;
		}
	}
}
